<!DOCTYPE html>
<!--[if IE 6]>
<html id="ie6" class="ancient-ie old-ie no-js" dir="ltr">
<![endif]-->
<!--[if IE 7]>
<html id="ie7" class="ancient-ie old-ie no-js" dir="ltr">
<![endif]-->
<!--[if IE 8]>
<html id="ie8" class="old-ie no-js" dir="ltr">
<![endif]-->

<!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!-->
<html dir="ltr" class="no-js">
<!--<![endif]-->
<head>

	<meta charset="UTF-8" />
	<meta name="viewport" content="initial-scale=1, maximum-scale=2">

	<title>PressCore | Portfolio - List</title>
	
	<!--[if IE]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<link href="css/normalize.css" rel="stylesheet" type="text/css">
	<link href="css/wireframe.css" rel="stylesheet" type="text/css">
	<link href="css/main.css" rel="stylesheet" type="text/css">
	<link href="css/media.css" rel="stylesheet" type="text/css">
	<link href="skins/red/custom.css" rel="stylesheet" type="text/css" id="skin-style">
	
	<!-- RoyalSlider -->
	<link rel="stylesheet" href="royalslider/royalslider.css">
	<link rel="stylesheet" href="css/plugins.css">
	<link rel="stylesheet" href="js/plugins/pretty-photo/css/prettyPhoto.css" type="text/css"> 
	
	<link href="http://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet" type="text/css"> <!-- All skins -->
	<link href="http://fonts.googleapis.com/css?family=Titillium+Web:600,600italic" rel="stylesheet" type="text/css"> <!-- "Retro" skin -->
	<link href="http://fonts.googleapis.com/css?family=Patua+One" rel="stylesheet" type="text/css"> <!-- "Business" skin -->
	<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet" type="text/css"> <!-- "Green" skin -->
	<link href="http://fonts.googleapis.com/css?family=Sanchez" rel="stylesheet" type="text/css"> <!-- "Organic" skin -->

	<script src="js/modernizr.js"></script>

</head>

<body class="portfolio layout-list">
<div id="page" ><!-- class="boxed" -->

	<!-- !Top-bar -->
	<div id="top-bar" role="complementary">
		<div class="wf-wrap">
			<div class="wf-table wf-mobile-collapsed">
				<div class="wf-td">

					<div class="mini-contacts wf-float-left">
						<ul>
							<li class="address">10230 Santa Monica BLVD Los Angeles</li>
							<li class="phone">+3 045 224 33 12</li>
							<li class="email"><a href="mailto:info@yoursite.com">info@yoursite.com</a></li>
						</ul>
					</div>

					<!-- <div class="mini-nav wf-float-left">
						<ul>
							<li><a href="#">Support Policy</a></li>
							<li><a href="#">Online Helpdesk</a></li>
							<li><a href="#">ThemeForest Profile</a></li>
						</ul>
					</div> -->

				</div>
				<div class="wf-td">

					<div class="mini-search wf-float-right wf-mobile-hidden">
						<form role="search" method="get" action="#">
							<input type="text" class="field" name="searchquery" placeholder="Search">
							<input type="submit" class="assistive-text" name="submit" value="go">
							<a href="#go" class="submit"></a>
						</form>
					</div>

					<!-- <div class="mini-lang wf-float-right">
						<ul>
							<li><a href="#"><img alt="en" src="images/en.png">English</a></li>
							<li><a href="#"><img alt="sv" src="images/sv.png">Svenska</a></li>
						</ul>
					</div> -->

				</div>
			</div><!-- .wf-table -->
		</div><!-- .wf-wrap -->
	</div><!-- #top-bar -->

	<header id="header" class="logo-left" role="banner"><!-- class="overlap"; class="logo-left", class="logo-center", class="logo-classic" -->
		<div class="wf-wrap">
			<div class="wf-table">

				<!-- !- Branding -->
				<div id="branding" class="wf-td">
					<a href="index-2.html"><img src="skins/red/red.header-logo-regular.png" width="189" height="79" alt="PressCore: multipurpose HTML framework"></a>
					<div id="site-title" class="assistive-text">PressCore</div>
					<div id="site-description" class="assistive-text">multipurpose HTML framework</div>
				</div>

				<!-- !- Navigation -->	
								<nav id="navigation" class="wf-td">
					<ul id="main-nav" class="fancy-rollovers wf-mobile-hidden" role="navigation"><!-- class="fancy-rollovers" is not avaliable for "logo-classic" header layout -->
						<li class="has-children">
							<a href="index-2.html">Home</a>
							<ul class="sub-nav">
								<li><a href="index-2.html">Homepage 1</a></li>
								<li><a href="index-3.html">Homepage 2</a></li>
								<li><a href="index-4.html">Homepage 3</a></li>
								<li><a href="index-5.html">Homepage 4</a></li>
								<li><a href="index-6.html">Homepage 5</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="index-2.html">Slideshows</a>
							<ul class="sub-nav">
								<li><a href="slideshow-fullscreen.html">Slideshow fullscreen</a></li>
								<li><a href="slideshow-fixed.html">Slideshow fixed</a></li>
								<li><a href="3D-fullscreen.html">3D gallery fullscreen</a></li>
								<li><a href="3D-fixed.html">3D gallery fixed</a></li>
								<li><a href="metro-slideshow.html">Metro slideshow</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="#3">Blog</a>
							<ul class="sub-nav">
								<li><a href="blog-masonry.html">Blog masonry fullwidth</a></li>
								<li><a href="blog-masonry-sidebar.html">Blog masonry with sidebar</a></li>
								<li><a href="blog-standard.html">Blog standard</a></li>
								<li><a href="blog-fancy.html">Blog with fancy header</a></li>
								<li><a href="post.html">Blog post</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="#5">Portfolio</a>
							<ul class="sub-nav">
								<li class="has-children">
								<a href="#51">Portfolio masonry</a>
								<ul class="sub-nav">
									
									<li><a href="portfolio-masonry.html">Portfolio masonry fullwidth</a></li>
									<li><a href="portfolio-masonry-sidebar.html">Portfolio masonry with sidebar</a></li>
									<li><a href="portfolio-masonry-text-hoovers.html">Portfolio masonry text hoovers</a></li>

								</ul>
								</li>
								<li class="has-children">
								<a href="#52">Portfolio grid</a>
								<ul class="sub-nav">

									<li><a href="portfolio-grid.html">Portfolio grid fullwidth</a></li>
									<li><a href="portfolio-grid-sidebar.html">Portfolio grid with sidebar</a></li>
									<li><a href="portfolio-grid-text-hoovers.html">Portfolio grid text hoovers</a></li>

								</ul>
								</li>

								<li class="has-children">
								<a href="#53">Portfolio standard</a>
								<ul class="sub-nav">
									
									<li class="act"><a href="portfolio-standard.html">Portfolio standard fullwidth</a></li>
									<li><a href="portfolio-standard-sidebar.html">Portfolio standard with sidebar</a></li>

								</ul>
								</li>
								<li class="has-children">
								<a href="#53">Portfolio checker</a>
								<ul class="sub-nav">

									<li><a href="portfolio-checker.html">Portfolio checker fullwidth</a></li>

									<li><a href="portfolio-checker-sidebar.html">Portfolio checker with sidebar</a></li>

								</ul>
								</li>
								<li><a href="portfolio-fancy.html">Portfolio with fancy header</a></li>
								<li class="has-children">
								<a href="#54">Portfolio posts</a>
								<ul class="sub-nav">

									<li><a href="portfolio-post.html">Portfolio post fullwidth</a></li>
									<li><a href="portfolio-post-sidebar.html">Portfolio post with sidebar</a></li>
								</ul>
								</li>

							</ul>
						</li>
						<li class="has-children">
							<a href="#">Pages</a>
							<ul class="sub-nav">
								<li><a href="team.html">Team</a></li>
								<li><a href="testimonials.html">Testimonials</a></li>
								<li><a href="contact.html">Contact</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="#5">Elements</a>
							<ul class="sub-nav">
								<li><a href="fancy-header.html">Fancy header</a></li>
								<li><a href="typography.html">Typography</a></li>
								<li><a href="banners-teasers.html">Banners & Teasers</a></li>
								<li><a href="service-clients.html">Services & Clients</a></li>
								<li><a href="tabbed-content.html">Tabbed content</a></li>
							</ul>
						</li>
					</ul>

					<a href="#show-menu" rel="nofollow" id="mobile-menu">
						<span class="menu-open">MENU</span>
						<span class="menu-close">CLOSE</span>
						<span class="menu-back">back</span>
						<span class="wf-phone-visible">&nbsp;</span>
					</a>
				</nav>
			</div><!-- .wf-table -->
		</div><!-- .wf-wrap -->
	</header><!-- #header -->

	<!-- !Main -->
	<div id="main" class="sidebar-none"><!-- class="sidebar-none", class="sidebar-left", class="sidebar-right" -->
		<div class="wf-wrap">
			<div class="wf-container-main">

				<!-- !- Content -->
				<div id="content" role="main" class="content">

					<h1>Portfolio standard</h1>
					<div class="hr-breadcrumbs divider-heder">
						<div class="assistive-text">You are here:</div>
						<ol class="breadcrumbs wf-td text-small">
							<li><a href="#">home</a></li>
							<li><a href="#">portfolio</a></li>
							<li><a href="#">portfolio standard fullwidth</a></li>
						</ol>
					</div>

					<div class="filter">
						<div class="filter-categories">
							<a href="#" class="act show-all" data-category="all">View all</a>
							<a href="#" data-category="photography">Photography</a>
							<a href="#" data-category="design">Design</a>
							<a href="#" data-category="programming">Programming</a>
							<a href="#" data-category="coding">Coding</a>
						</div>

						<div class="filter-extras">
							<div class="filter-by">
								<a href="#" data-by="date" class="act">Date</a>
								<a href="#" data-by="name">Name</a>
							</div>
	
							<div class="filter-sorting">
								<a href="#" data-sort="desc" class="act">Desc</a>
								<a href="#" data-sort="asc">Asc</a>
							</div>
						</div>
					</div>
		
					<article class="post project-odd">
						<div class="wf-container">
							<div class="project-media wf-cell wf-2-3">
								<a class="rollover rollover-zoom" href="#"><img class="preload-me" src="usr/checker01.jpg" alt="" title="" width="100%"></a>
							</div>
							<div class="project-content wf-cell wf-1-3">

								<h2 class="entry-title">
									<a href="#" title="Standard post with thumbnail" rel="bookmark">Lorem ipsum dolor</a>
								</h2>

								<div class="portfolio-categories">
									<a href="#" title="View all posts in Cat A" rel="category tag">Web</a>
									<a href="#" title="View all posts in Cat B" rel="category tag">Photography</a>
								</div><!-- .portfolio-categories -->

								<p>Aliquam diam tortor, gravida non dolor condim id, blandit sit amet enim. Fusce vel tortor vel ligula aliquam convallis. Aenean ac libero nisi. Aliquam vulputate, mauris vitae faucibus sagittis to nunc dui pulvinar vestibulum, orci a condimentum tincidunt.</p>
								<p><a class="more-link dt-btn" href="#">Details</a><a class="link dt-btn" href="#">Launch</a></p>
							</div>
						</div>

					</article><!-- .post -->
		
					<article class="post project-odd">	
						
						<div class="wf-container">
							
							<div class="project-media wf-cell wf-2-3">
								<a class="rollover rollover-zoom" href="#"><img class="preload-me" src="usr/checker06.jpg" alt="" title="" width="100%"></a>
							</div>
							<div class="project-content wf-cell wf-1-3">
								<h2 class="entry-title">
									<a href="#" title="Standard post with thumbnail" rel="bookmark">Mauris imperdiet metus aliquet dolor</a>
								</h2>

								<div class="portfolio-categories">
									<a href="#" title="View all posts in Cat A" rel="category tag">Fashion</a>
									<a href="#" title="View all posts in Cat B" rel="category tag">Photography</a>
									<a href="#" title="View all posts in Cat B" rel="category tag">Lifestyle</a>
								</div><!-- .portfolio-categories -->

								<p>Lorem ipsum dolor gravida non dolor condim id, blandit sit amet enim. Fusce vel tortor vel ligula aliquam convallis. Aenean ac libero nisi. Aliquam vulputate, mauris vitae faucibus sagittis to nunc dui pulvinar vestibulum, orci a condimentum tincidunt.</p>
								<p><a class="more-link dt-btn" href="#">Details</a><a class="link dt-btn" href="#">Launch</a></p>
							</div>
						</div>

								
					</article><!-- .post -->
				
					<article class="post project-odd">	

						<div class="wf-container">
							<div class="project-media wf-cell wf-2-3">
								<a class="rollover rollover-zoom" href="#"><img class="preload-me" src="usr/checker04.jpg" alt="" title="" width="100%"></a>
							</div>
							<div class="project-content wf-cell wf-1-3">
								<h2 class="entry-title">
									<a href="#" title="Standard post with thumbnail" rel="bookmark">Glavrida unicos amet dolorus </a>
								</h2>

								<div class="portfolio-categories">
									<a href="#" title="View all posts in Cat A" rel="category tag">Fashion</a>
									<a href="#" title="View all posts in Cat B" rel="category tag">Lifestyle</a>
								</div><!-- .portfolio-categories -->

								<p>Dauris suspendisse viverra eleifend tortor tellus ignissim neque, nulla nequeut, aenean sollicitudin etiam libero nisl, ultrices ridiculus in magna purus consequuntur, ipsum donec orci ad vitae pede, id odio.</p>
								<p><a class="more-link dt-btn" href="#">Details</a><a class="link dt-btn" href="#">Launch</a></p>
							</div>
						</div>


					</article><!-- .post -->			
							
					<article class="post project-odd">		
						
						<div class="wf-container">
							<div class="project-media wf-cell wf-2-3">
								<a class="rollover rollover-zoom" href="#"><img class="preload-me" src="usr/checker02.jpg" alt="" title="" width="100%"></a>
							</div>

							<div class="project-content wf-cell wf-1-3">
								<h2 class="entry-title">
									<a href="#" title="Standard post with thumbnail" rel="bookmark">Ut eget urna odio</a>
								</h2>

								<div class="portfolio-categories">
									<a href="#" title="View all posts in Cat A" rel="category tag">Fashion</a>
									<a href="#" title="View all posts in Cat B" rel="category tag">Lifestyle</a>
								</div><!-- .portfolio-categories -->

								<p>Hasellus commodo ultricies sapien, et volutpat elit aliquam a. In in felis non odio interdum mollis luctus in nunc. Donec hendrerit dapibus tellus, et porttitor nunc ullamcorper semper.</p>
								<p><a class="more-link dt-btn" href="#">Details</a><a class="link dt-btn" href="#">Launch</a></p>
							</div>
						</div>

					</article><!-- .post -->					
		
					<!-- !-- Paginator -->
					<div class="paginator" role="navigation">
						<div class="page-links">
							<a href="#">1</a>
							<a href="#">...</a>
							<a href="#">6</a>
							<a href="#">7</a>
							<a class="act" href="#">8</a>
							<a href="#">9</a>
							<a href="#">10</a>
							<a href="#">...</a>
							<a href="#">16</a>
						</div>
						<div class="page-nav">
							<a class="nav-prev" href="#">Prev page</a>
							<a class="nav-next" href="#">Next page</a>
						</div>
					</div>
					<!-- .paginator -->

					
				<!-- !-- Stripe -->
					<div class="stripe stripe-style-2" style="margin-top: 40px; margin-bottom: -40px;">
						<div class="gap-30"></div>		
						<div class="wf-container">
							
							<div class="wf-cell wf-1-3">
							<h2 class="entry-title">Testimonials</h2>
							<div class="gap-10"></div>
							<section class="testimonial-item">
								<ul class="testimonials slider-content rsCont">
									<li>
										<article>
											<div class="testimonial-content">
												<p>Vivamus lectus eget mollis ligula. Vesti bulum vitae ultrices justo. Donec sed venenatis lacus. Lorem viverra, augue nec pellen tesque sagittis, quam tortor suscipit elit. Phasellus eget libero commodo augue suscipit suscipit a quis nulla.</p>
											</div>
											
											<div class="testimonial-vcard">
												<span class="alignleft">
													<img width="50" height="50" alt="Miriam Anderson" src="usr/pc-testimonials-avatars/test4.jpg">
												</span>
												<span class="text-primary">Jack Black</span><br />
												<span class="text-secondary color-secondary">journalist</span>
											</div>
										</article>
									</li>

									<li>
										<article>
											<div class="testimonial-content">
												<p>Nullam quis gravida nisi. Praesent pellentesque, lorem sed elementum vehicula, felis nulla dictum urna, ac vulputate erat ante iaculis nunc. Sed non nibh erat. In viverra varius.</p>
											</div>
			
											<div class="testimonial-vcard">
												<span class="alignleft">
													<img width="50" height="50" alt="Miriam Anderson" src="usr/pc-testimonials-avatars/test1.jpg">
												</span>
												<span class="text-primary">Anna White</span><br />
												<span class="text-secondary color-secondary">designer</span>
											</div>
										</article>
									</li>

									<li>
										<article>
											<div class="testimonial-content">
												<p>Phasellus eget libero commodo augue suscipit suscipit a quis nulla lorewm ipsum dolor. Morbi viverra, mi non placerat tincidunt, lectus neque bibendum turpis, at venenatis justo massa a justo. Aenean per conubia nostra adipiscing faucibus ante eget semper lorem ipsum dolor. </p>
											</div>
			
											<div class="testimonial-vcard">
												<span class="alignleft">
													<img width="50" height="50" alt="Miriam Anderson" src="usr/pc-testimonials-avatars/test5.jpg">
												</span>
												<span class="text-primary">Alex Green</span><br />
												<span class="text-secondary color-secondary">programmer</span>
											</div>
										</article>
									</li>
									<li>
										<article>
											<div class="testimonial-content">
												<p>Nullam quis gravida nisi. Praesent pellentesque, lorem sed elementum vehicula, felis nulla dictum urna, ac vulputate erat ante iaculis nunc. Sed non nibh erat. In viverra varius.</p>
											</div>
			
											<div class="testimonial-vcard">
												<span class="alignleft">
													<img width="50" height="50" alt="Miriam Anderson" src="usr/pc-testimonials-avatars/test6.jpg">
												</span>
												<span class="text-primary">Miriam White</span><br />
												<span class="text-secondary color-secondary">designer</span>
											</div>
										</article>
									</li>

									<li>
										<article>
											<div class="testimonial-content">
												<p>Morbi viverra, mi non placerat tincidunt, lectus neque bibendum turpis, at venenatis justo massa a justo. Aenean lorem ipsum dolorper conubia nostra adipiscing faucibus ante eget semper dolorus glavrida. </p>
											</div>
			
											<div class="testimonial-vcard">
												<span class="alignleft">
													<img width="50" height="50" alt="Miriam Anderson" src="usr/pc-testimonials-avatars/test7.jpg">
												</span>
												<span class="text-primary">Diana Black</span><br />
												<span class="text-secondary color-secondary">tester</span>
											</div>
										</article>
									</li>
								</ul>
							</section>
						</div>
						<div class="wf-cell wf-1-3">
								<h2 class="entry-title">Why choose PressCore</h2>
								<div class="gap-10"></div>
								<div class="st-accordion">
									<ul>
										<li>
											<a class="text-primary" href="#">Responsive & mobile tested</a>
											<div class="st-content">
												<p>Nullam imperdiet eleifend magna, eget dictum urna gravida quis. Nulla facilisi. Mauris et dictum ante. Praesent elit dui, congue eu ornare vel, mattis sed eros. Sed at mattis ipsum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus eget libero commodo augue suscipit suscipit a quis nulla.</p>
											</div>
										</li>
										<li>
											<a class="text-primary" href="#">Easy design customization</a>
											<div class="st-content">
												<p> Quisque gravida turpis sit amet nulla posuere lacinia. Cras sed est sit amet ipsum luctus dignissim. Cras nec dolor diam. Fusce purus nunc, tempor vel ultrices eu, vehicula quis eros.</p>
											</div>
										</li>
										<li>
											<a class="text-primary" href="#">SEO & translation ready</a>
											<div class="st-content">
												<p>Morbi viverra, mi non placerat tincidunt, lectus neque bibendum turpis, at venenatis justo massa a justo. Aenean adipiscing faucibus ante eget semper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus eget libero commodo augue suscipit suscipit a quis nulla.</p>
											  </div>
										</li>
										
									</ul>
								</div>
							</div>
							<div class="wf-cell wf-1-3">
								<h2 class="entry-title">Send us a message</h2>
								<div class="gap-10"></div>
								<form class="contact-form dt-form">
									<p class="form-name">
										<label for="from" class="assistive-text">Name *</label>
										<input type="text" aria-required="true" value="" name="from" placeholder="Name*">
									</p>
									<p class="form-mail">
										<label for="email" class="assistive-text">Email*</label>
										<input type="text" aria-required="true" value="" name="email" placeholder="Email*">
									</p>
									<p class="form-text">
										<label for="message" class="assistive-text">Message*</label>
										<textarea aria-required="true" rows="5" name="message" placeholder="Message*"></textarea>
									</p>
									<p>
										<a class="dt-btn dt-btn-s" href="#">Send message</a>
										<a class="clear-form" href="#">clear</a>
										<input type="submit" class="assistive-text" value="submit">
									</p>
								</form>
							</div>
						</div>
						<div class="gap-10"></div>				

					</div>

				</div><!-- #content -->

				

			</div><!-- .wf-container -->
		</div><!-- .wf-wrap -->
	</div><!-- #main -->

	<!-- !Bottom-bar -->
	<div id="bottom-bar" role="contentinfo">
		<div class="wf-wrap">
			<div class="wf-table wf-mobile-collapsed">

				<div id="branding-bottom" class="wf-td">
					<img src="skins/red/red.bottom-bar-logo-regular.png" width="38" height="48" alt="PressCore: multipurpose HTML framework">
				</div>

				<div class="wf-td">
					<div class="wf-float-left">&copy; 2012&ndash;2013. Dream-Theme &mdash; truly <a href="http://dream-theme.com/" target="_blank">premium WordPress themes</a>.</div>
				</div>

				<div class="wf-td">

					<div class="mini-nav wf-float-right">
						<ul>
							<li><a href="http://support.dream-theme.com/support-policy" target="_blank">Support Policy</a></li>
							<li><a href="http://support.dream-theme.com/" target="_blank">Online Helpdesk</a></li>
							<li><a href="http://themeforest.net/user/Dream-Theme" target="_blank">ThemeForest Profile</a></li>
						</ul>
					</div>

				</div>

			</div>
		</div><!-- .wf-wrap -->
	</div><!-- #bottom-bar -->

</div><!-- #page -->


<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery-migrate-1.1.1.min.js"></script>

<!-- RoyalSlider -->
<script src="royalslider/jquery.royalslider.js"></script>
<script src="js/plugins/pretty-photo/js/jquery.prettyPhoto.js"></script>
<script src="js/plugins.js"></script>

<script src="js/main.js"></script>

<link rel="stylesheet" href="presscore-demo/css/show.css" type="text/css" />
<script type="text/javascript" src="presscore-demo/js/demo.js"></script>
</body>
</html>